import React from 'react';
import {
	StyleSheet,
	Text,
	View,
	Dimensions
} from "react-native";
import { GLOBAL } from '../../../../config/global';
const scale = GLOBAL.SCALE;
/**
 * 虚线绘制
 */
const screenWidth = Dimensions.get('window').width;
var len = Math.ceil(screenWidth / 8);
var arr = [];
for (let i = 0; i < len; i++) {
	arr.push(i);
}

export function DashedLine (props) {
	return (
		<View style={styles.dashLine}>
			{
				arr.map((item, index) => {
					return <Text style={styles.dashItem} key={'dash' + index}> </Text>
				})
			}
		</View>
	)
}

const styles = StyleSheet.create({
	dashLine: {
		flexDirection: 'row',
	},
	dashItem: {
		height: 1 * scale,
		width: 8 * scale,
		marginRight: 3 * scale,
		flex: 1,
		backgroundColor: '#EFEFEF',
	},
})